<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
             /*祖辈选择器*/
            /*body p{*/
            /*    color: #f69b30;*/
            /*}*/
                 /*    子类选择器*/
        /*body>p{*/
        /*    background: pink;*/
        /*}*/
        /*相邻兄弟选择器只有一个相邻向下*/
        /*.pp +p{*/
        /*    background: aqua;*/
        /*}*/
        /*.pp~p{*/
        /*    background: #7f46b8;*/
        /*}*/
        /*.img01{*/
        /*    width: 400px;*/
        /*    height: 300px;*/
        /*    display: flex;*/
        /*    position: absolute;*/
        /*    top: 0;*/
        /*    bottom: 0;*/
        /*    left: 0;*/
        /*    right: 0;*/
        /*    margin: auto;*/
        /*}*/
             #div1, #div2, #div3{
                 display: inline-block;
                 margin-left: 300px;
             }
    </style>
</head>
<body>
<!--<p class="pp">000</p>-->
<!--<p>000</p>-->
<!--<p>000</p>-->
<!--<ul>-->
<!--    <il><p>000</p></il>-->
<!--    <il><p>000</p></il>-->
<!--</ul>-->
<!--<p class="pp">000</p>-->
<!--<p>000</p>-->
<div id="div1" style="width:200px;height:200px;background-color:#2493e8;">
</div>
<div id="div2" style="width:200px;height:200px;background-color:#2493e8;">
</div>
<div id="div3" style="width:200px;height:200px;background-color:#2493e8;">
</div>

</body>
</html>